<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Array Grid Example with DataDrop Plugin</title>

    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    <style type=text/css>
        /* style rows on mouseover */
        .x-grid3-row-over .x-grid3-cell-inner {
            font-weight: bold;
        }
    </style>

    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

    <script type="text/javascript" src="../../ext-all.js"></script>
    <script type="text/javascript" src="../ux/Override.js"></script>
    <script type="text/javascript" src="../ux/Ext.ux.DataDrop.js"></script>
    <script type="text/javascript" src="array-grid-datadrop.js"></script>

</head>
<body>
    <h1>Array Grid Example with DataDrop Plugin</h1>
    <p>This example shows how to create a grid from Array data, and has the DataDrop Plugin included, allowing you to drag and drop data into the grid body from spreadsheet type programs.</p>
    <p>Here is an example spreadsheet file in OpenOffice Calc format: <a href="sample-data.ods">sample-data.ods</a></p>
    <p>Note that the js is not minified so it is readable. See <a href="array-grid-datadrop.js">array-grid-datadrop.js</a>.</p>
    
    <div id="grid-example"></div>
</body>
</html>